/* Hero Banner 1
   Self-contained front-end styles. No Bootstrap, Unify or dzsparallaxer required. */


/* Admin edit links */
.hero-banner-1-info > .ModuleEditLink.flexi-item-edit {position:absolute;z-index:20;top:0px;left:0;}


.hero-banner-1,
.hero-banner-1 * {box-sizing:border-box}

.hero-banner-1-wrap {position:relative;overflow:hidden;isolation:isolate}
.hero-banner-1-bg {position:absolute;z-index:0;top:-25%;right:0;bottom:-25%;left:0;background-position:center center;background-repeat:no-repeat;background-size:cover;will-change:transform;transform:translate3d(0,0,0)}
.hero-banner-1-section {position:relative;z-index:1;display:flex;align-items:center;min-height:200px;padding:70px 0;background-position:center center;background-repeat:no-repeat;background-size:cover}
.hero-banner-1-container {width:100%;max-width:1200px;margin:0 auto;padding:40px}
.hero-banner-1-row {display:flex;flex-wrap:wrap;align-items:center;margin:0 -15px}
.hero-banner-1-col {min-width:0;padding:0 15px}
.hero-banner-1-col1 {flex:0 0 auto}
.hero-banner-1-col2 {flex:1 1 0;max-width:100%}

.hero-banner-1-width- {width:50%}
.hero-banner-1-width-1 {width:8.333333%}
.hero-banner-1-width-2 {width:16.666667%}
.hero-banner-1-width-3 {width:25%}
.hero-banner-1-width-4 {width:33.333333%}
.hero-banner-1-width-5 {width:41.666667%}
.hero-banner-1-width-6 {width:50%}
.hero-banner-1-width-7 {width:58.333333%}
.hero-banner-1-width-8 {width:66.666667%}
.hero-banner-1-width-9 {width:75%}
.hero-banner-1-width-10 {width:83.333333%}
.hero-banner-1-width-11 {width:91.666667%}
.hero-banner-1-width-12 {width:100%}

.hero-banner-1-info {position:relative}
.hero-banner-1-info > :first-child {margin-top:0}
.hero-banner-1-info > :last-child {margin-bottom:0}
.hero-banner-1-info h1,
.hero-banner-1-info h2,
.hero-banner-1-info h3,
.hero-banner-1-info h4,
.hero-banner-1-info h5,
.hero-banner-1-info h6 {line-height:1.15}

.hero-banner-1-info-wrap-None {}
.hero-banner-1-info-wrap-Gray-Light,
.hero-banner-1-info-wrap-Gray-Medium,
.hero-banner-1-info-wrap-Gray-Dark,
.hero-banner-1-info-wrap-Gray-Very-Dark,
.hero-banner-1-info-wrap-White-Light,
.hero-banner-1-info-wrap-White-Medium,
.hero-banner-1-info-wrap-White-Dark,
.hero-banner-1-info-wrap-White-Very-Dark {padding:25px}
.hero-banner-1-info-wrap-Gray-Light {background:rgba(0,0,0,.10)}
.hero-banner-1-info-wrap-Gray-Medium {background:rgba(0,0,0,.35)}
.hero-banner-1-info-wrap-Gray-Dark {background:rgba(0,0,0,.60)}
.hero-banner-1-info-wrap-Gray-Very-Dark {background:rgba(0,0,0,.80)}
.hero-banner-1-info-wrap-White-Light {background:rgba(255,255,255,.30)}
.hero-banner-1-info-wrap-White-Medium {background:rgba(255,255,255,.50)}
.hero-banner-1-info-wrap-White-Dark {background:rgba(255,255,255,.70)}
.hero-banner-1-info-wrap-White-Very-Dark {background:rgba(255,255,255,.85)}

.hero-banner-1 .g-color-white,
.hero-banner-1 .g-color-white h1,
.hero-banner-1 .g-color-white h2,
.hero-banner-1 .g-color-white h3,
.hero-banner-1 .g-color-white h4,
.hero-banner-1 .g-color-white h5,
.hero-banner-1 .g-color-white h6,
.hero-banner-1 .g-color-white p,
.hero-banner-1 .g-color-white li,
.hero-banner-1 .g-color-white a {color:#fff}
.hero-banner-1 .g-color-black,
.hero-banner-1 .g-color-black h1,
.hero-banner-1 .g-color-black h2,
.hero-banner-1 .g-color-black h3,
.hero-banner-1 .g-color-black h4,
.hero-banner-1 .g-color-black h5,
.hero-banner-1 .g-color-black h6,
.hero-banner-1 .g-color-black p,
.hero-banner-1 .g-color-black li {color:#111}
.hero-banner-1 .g-color-white ul li::before {color:#fff!important}

.hero-banner-1-button {display:table;margin-top:10px;color:#fff!important;font-size:16px;font-weight:400;line-height:1.4;text-align:center;text-decoration:none!important;border-radius:2px;overflow:hidden;transition:filter .18s ease,transform .18s ease}
.hero-banner-1-buttonwrap {padding:5px 18px 6px}
.hero-banner-1-button:hover,
.hero-banner-1-button:focus {filter:brightness(.9);text-decoration:none!important}
.hero-banner-1-button:focus-visible {outline:2px solid currentColor;outline-offset:3px}

.hero-banner-1-img {display:block;width:100%;max-width:100%;height:auto}
.hero-banner-1-col2 img,
.hero-banner-1-col2 video,
.hero-banner-1-col2 iframe {max-width:100%}
.hero-banner-1-col2 video {width:100%;height:auto}

.hero-banner-1-svgfooter {position:relative;z-index:2;line-height:0}
.hero-banner-1-svgfooter:empty {display:none}
.hero-banner-1-svgfooter svg {display:block;width:100%;height:auto}

/* Legacy Unify background choices retained locally so saved field values still work. */
:where(.hero-banner-1 .g-bg-primary) {background-color:var(--hero-banner-1-primary,#72c02c)}
:where(.hero-banner-1 .g-bg-black) {background-color:#000}
:where(.hero-banner-1 .g-bg-black-opacity-0_1) {background-color:rgba(0,0,0,.1)}
:where(.hero-banner-1 .g-bg-black-opacity-0_2) {background-color:rgba(0,0,0,.2)}
:where(.hero-banner-1 .g-bg-black-opacity-0_3) {background-color:rgba(0,0,0,.3)}
:where(.hero-banner-1 .g-bg-black-opacity-0_4) {background-color:rgba(0,0,0,.4)}
:where(.hero-banner-1 .g-bg-black-opacity-0_5) {background-color:rgba(0,0,0,.5)}
:where(.hero-banner-1 .g-bg-black-opacity-0_6) {background-color:rgba(0,0,0,.6)}
:where(.hero-banner-1 .g-bg-black-opacity-0_7) {background-color:rgba(0,0,0,.7)}
:where(.hero-banner-1 .g-bg-black-opacity-0_8) {background-color:rgba(0,0,0,.8)}
:where(.hero-banner-1 .g-bg-black-opacity-0_9) {background-color:rgba(0,0,0,.9)}
:where(.hero-banner-1 .g-bg-white) {background-color:#fff}
:where(.hero-banner-1 .g-bg-gray-lineargradient) {background-image:linear-gradient(135deg,#f5f5f5 0%,#d9d9d9 100%)}
:where(.hero-banner-1 .g-bg-bluepink-lineargradient) {background-image:linear-gradient(135deg,#3155d9 0%,#d84f9a 100%)}
:where(.hero-banner-1 .g-bg-blue-lineargradient) {background-image:linear-gradient(135deg,#0f70b7 0%,#47b8e0 100%)}
:where(.hero-banner-1 .g-bg-blue-lineargradient-v2) {background-image:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%)}
:where(.hero-banner-1 .g-bg-blue-lineargradient-v3) {background-image:linear-gradient(135deg,#005bea 0%,#00c6fb 100%)}
:where(.hero-banner-1 .g-bg-blue-lineargradient-v4) {background-image:linear-gradient(135deg,#243b55 0%,#141e30 100%)}
:where(.hero-banner-1 .g-bg-blue-lineargradient-v5) {background-image:linear-gradient(135deg,#36d1dc 0%,#5b86e5 100%)}
:where(.hero-banner-1 .g-bg-orange-lineargradient) {background-image:linear-gradient(135deg,#f7971e 0%,#ffd200 100%)}
:where(.hero-banner-1 .g-bg-orange-lineargradient-v2) {background-image:linear-gradient(135deg,#f46b45 0%,#eea849 100%)}
:where(.hero-banner-1 .g-bg-yellow-lineargradient) {background-image:linear-gradient(135deg,#f7b733 0%,#fc4a1a 100%)}
:where(.hero-banner-1 .g-bg-darkpurple-lineargradient) {background-image:linear-gradient(135deg,#20002c 0%,#6f3b79 100%)}
:where(.hero-banner-1 .g-bg-bluegray-lineargradient) {background-image:linear-gradient(135deg,#485563 0%,#29323c 100%)}
:where(.hero-banner-1 .g-bg-red-lineargradient) {background-image:linear-gradient(135deg,#cb2d3e 0%,#ef473a 100%)}
:where(.hero-banner-1 .g-bg-black-gradient-opacity-v1) {background-image:linear-gradient(135deg,rgba(0,0,0,.88),rgba(0,0,0,.35))}
:where(.hero-banner-1 .g-bg-green-gradient-opacity-v1) {background-image:linear-gradient(135deg,rgba(31,122,78,.92),rgba(114,192,44,.55))}
:where(.hero-banner-1 .g-bg-purple-gradient-opacity-v1) {background-image:linear-gradient(135deg,rgba(84,39,143,.92),rgba(173,83,137,.55))}
:where(.hero-banner-1 .g-bg-cyan-gradient-opacity-v1) {background-image:linear-gradient(135deg,rgba(0,150,180,.92),rgba(65,210,220,.55))}
:where(.hero-banner-1 .g-bg-gray-gradient-opacity-v1) {background-image:linear-gradient(135deg,rgba(55,60,65,.92),rgba(145,150,155,.55))}
:where(.hero-banner-1 .g-bg-white-gradient-opacity-v1) {background-image:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.35))}
:where(.hero-banner-1 .g-bg-white-gradient-opacity-v2) {background-image:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.15))}
:where(.hero-banner-1 .g-bg-white-gradient-opacity-v3) {background-image:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.20))}
:where(.hero-banner-1 .g-bg-white-gradient-opacity-v4) {background-image:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.55))}
:where(.hero-banner-1 .g-bg-white-gradient-opacity-v5) {background-image:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.05))}
:where(.hero-banner-1 .g-bg-bluegray-gradient-opacity-v1) {background-image:linear-gradient(135deg,rgba(45,62,72,.92),rgba(89,112,125,.50))}
:where(.hero-banner-1 .g-bg-bluegray-gradient-opacity-v2) {background-image:linear-gradient(90deg,rgba(45,62,72,.92),rgba(89,112,125,.35))}
:where(.hero-banner-1 .g-bg-bluegray-gradient-opacity-v3) {background-image:linear-gradient(180deg,rgba(45,62,72,.92),rgba(89,112,125,.40))}
:where(.hero-banner-1 .g-bg-lightblue-radialgradient-ellipse) {background-image:radial-gradient(ellipse at center,#eef9ff 0%,#b7dcec 100%)}
:where(.hero-banner-1 .g-bg-gray-radialgradient-ellipse) {background-image:radial-gradient(ellipse at center,#f2f2f2 0%,#bdbdbd 100%)}
:where(.hero-banner-1 .g-bg-graylight-radialgradient-ellipse) {background-image:radial-gradient(ellipse at center,#fff 0%,#e6e6e6 100%)}
:where(.hero-banner-1 .g-bg-lightblue-radialgradient-circle) {background-image:radial-gradient(circle at center,#eef9ff 0%,#a8d8ee 100%)}
:where(.hero-banner-1 .g-bg-blue-radialgradient-circle) {background-image:radial-gradient(circle at center,#4ea3d8 0%,#174d78 100%)}
:where(.hero-banner-1 .g-bg-darkgray-radialgradient-circle) {background-image:radial-gradient(circle at center,#64686c 0%,#232629 100%)}
:where(.hero-banner-1 .g-bg-blue-radialgradient-circle-endless) {background-image:repeating-radial-gradient(circle at center,#3179ad 0,#3179ad 18px,#245d88 19px,#245d88 38px)}
:where(.hero-banner-1 .g-bg-gray-verticalstripes-endless) {background-image:repeating-linear-gradient(90deg,#eee 0,#eee 24px,#e2e2e2 24px,#e2e2e2 48px)}

/* Saved animation attributes are handled by hero-banner-1.js. Content remains visible if JS is unavailable. */
.hero-banner-1 [data-animation].hb1-anim-ready {opacity:0}
.hero-banner-1 [data-animation].hb1-anim-ready.hb1-is-visible {animation-duration:var(--hb1-duration,2s);animation-delay:var(--hb1-delay,.05s);animation-fill-mode:both;animation-timing-function:ease-out}
.hero-banner-1 [data-animation="fadeIn"].hb1-is-visible {animation-name:hb1-fadeIn}
.hero-banner-1 [data-animation="fadeInRight"].hb1-is-visible {animation-name:hb1-fadeInRight}
.hero-banner-1 [data-animation="fadeInLeft"].hb1-is-visible {animation-name:hb1-fadeInLeft}
.hero-banner-1 [data-animation="fadeInUp"].hb1-is-visible {animation-name:hb1-fadeInUp}
.hero-banner-1 [data-animation="fadeInDown"].hb1-is-visible {animation-name:hb1-fadeInDown}
@keyframes hb1-fadeIn {from{opacity:0}to{opacity:1}}
@keyframes hb1-fadeInRight {from{opacity:0;transform:translate3d(36px,0,0)}to{opacity:1;transform:none}}
@keyframes hb1-fadeInLeft {from{opacity:0;transform:translate3d(-36px,0,0)}to{opacity:1;transform:none}}
@keyframes hb1-fadeInUp {from{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:none}}
@keyframes hb1-fadeInDown {from{opacity:0;transform:translate3d(0,-30px,0)}to{opacity:1;transform:none}}

@media (max-width:1000px) {
  .hero-banner-1-section {padding:50px 0}
  .hero-banner-1-col1,
  .hero-banner-1-col2 {flex:0 0 100%;width:100%;max-width:100%}
  .hero-banner-1-col2:not(:empty) {margin-top:20px}
  .hero-banner-1-bg {top:0;bottom:0;will-change:auto;transform:none!important}
}

@media (max-width:700px) {
  .hero-banner-1-section {padding:38px 0}
  .hero-banner-1-container {padding:0 18px}
  .hero-banner-1-row {margin:0 -10px}
  .hero-banner-1-col {padding:0 10px}
  .hero-banner-1-info-wrap-Gray-Light,
  .hero-banner-1-info-wrap-Gray-Medium,
  .hero-banner-1-info-wrap-Gray-Dark,
  .hero-banner-1-info-wrap-Gray-Very-Dark,
  .hero-banner-1-info-wrap-White-Light,
  .hero-banner-1-info-wrap-White-Medium,
  .hero-banner-1-info-wrap-White-Dark,
  .hero-banner-1-info-wrap-White-Very-Dark {padding:20px}
}

@media (prefers-reduced-motion:reduce) {
  .hero-banner-1-bg {transform:none!important}
  .hero-banner-1 [data-animation].hb1-anim-ready {opacity:1!important;animation:none!important;transform:none!important}
  .hero-banner-1-button {transition:none}
}